layui.config({
    base: '/plugins/module/'
});

layui.use(['form', 'layer', 'laydate', 'table', 'laytpl', 'cstmodules', 'element', 'jquery','upload'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laydate = layui.laydate,
        laytpl = layui.laytpl,
        table = layui.table,
        mymod = layui.cstmodules,
        element = layui.element,
        upload = layui.upload;

    var cstmgr={
        param:{
            tableColumn:[
                [
                    {type:'radio'},
                    {field:'name',title:'姓名', align:'center'},
                    {field:'sex',title:'性别',align:'center'},
                    {field:'nativeplace',title:'籍贯',align:'center'}
                ]
            ],
            cacheTableColumn:[
                [
                    {type:'checkbox', fixed: 'left'},
                    {field:'tablesname',title:'表名称', align:'center'},
                    {field:'pattern',title:'表达式',align:'center'},
                    {field:'remark',title:'备注',align:'center'},
                    {field:'develop',title:'开发者',align:'center'}
                ]
            ]
        },
        A:function () {
            
        },
        B:function () {

        }
    }
    mymod.initPageTableMethod(table,"cstTab","/user/1",cstmgr.param.tableColumn);
    mymod.initTableMethodH(table,"cacheTab","/sys/getCacheInfo",null,cstmgr.param.cacheTableColumn,0);
    mymod.initSelectView(form,"/sys/getSelectList","sel_sex","SYS_SEX","请选择性别",null);

    //多文件列表示例
    var demoListView = $('#demoList');
    uploadListIns = upload.render({
         elem: '#testList'
        ,url: '/upload/file/'
        ,accept: 'file'
        ,multiple: true
        ,auto: false
        ,bindAction: '#testListAction'
        ,choose: function(obj){
            var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
            //读取本地文件
            obj.preview(function(index, file, result){
                var tr = $(['<tr id="upload-'+ index +'">'
                    ,'<td>'+ file.name +'</td>'
                    ,'<td>'+ (file.size/1024).toFixed(1) +'kb</td>'
                    ,'<td>等待上传</td>'
                    ,'<td>'
                    ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
                    ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                    ,'</td>'
                    ,'</tr>'].join(''));

                //单个重传
                tr.find('.demo-reload').on('click', function(){
                    obj.upload(index, file);
                });

                //删除
                tr.find('.demo-delete').on('click', function(){
                    delete files[index]; //删除对应的文件
                    tr.remove();
                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                });

                demoListView.append(tr);
            });
        }
        ,done: function(res, index, upload){
            if(res.code==1){ //上传成功
                var tr = demoListView.find('tr#upload-'+ index)
                    ,tds = tr.children();
                tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                tds.eq(3).html(''); //清空操作
                return delete this.files[index]; //删除文件队列已经上传成功的文件
            }
            this.error(index, upload);
        }
        ,error: function(index, upload){
            var tr = demoListView.find('tr#upload-'+ index)
                ,tds = tr.children();
            tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
            tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
        }
    });

    //监听提交
    form.on('submit(demo1)', function(data){
        layer.alert(JSON.stringify(data.field), {
            title: '最终的提交信息'
        });
        mymod.initPageTableMethod(table,"cstTab","/user/1",cstmgr.param.tableColumn,data.field);
        return false;
    });

    //头工具栏事件
    table.on('toolbar(cacheTab)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event){
            case 'getCheckData':
                var data = checkStatus.data;
                console.log(data);
                if(data.length>0){
                    var data=mymod.callBackMethod("/clearCache","post",data);
                    if(data.code==1){
                        layer.msg("刷新缓存成功");
                    }
                }else{
                    layer.msg("请选择要刷新的记录");
                }
                break;
        };
    });


});